<!DOCTYPE html>
<html lang="">


<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!-- ===========================
THEME INFO
=========================== -->
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">

<!-- ===========================
SITE TITLE
=========================== -->
<title>Home</title>

<!-- ===========================
FAVICONS
=========================== -->
<link rel="icon" href="img/favicon.png">
<link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-ipad-retina.png" />
<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-iphone-retina.png" />
<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-iphone.png" />

<!-- ===========================
STYLESHEETS
=========================== -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">

<!-- ===========================
FONTS & ICONS
=========================== -->
<link href='http://fonts.googleapis.com/css?family=Kristi|Alegreya+Sans:300' rel='stylesheet' type='text/css'>
<link href="css/font-awesome.min.css" rel="stylesheet">

</head>

<body>
	
<div class="container">
	<!-- ===========================
	HEADER
	============================ -->
	<div id="header" class="row">
		<div class="col-sm-2">
			<img class="propic" src="img/pic1.jpg" alt="">
		</div>
		<!-- photo end-->

		<div class="col-sm-10">
			<div class="cv-title">
				<div class="row">
					<div class="col-sm-7">
						<h1>jixiang fan</h1>
					</div>
					<div class="col-sm-5 text-right dl-share">
						<!-- AddToAny BEGIN -->
						<a class="a2a_dd btn btn-default" href=""><span class="fa fa-share "></span> Share</a>
						

						<a class="btn btn-success" href=""><span class="fa fa-download"></span> Download</a>
					</div>
				</div>
				<h2>student</h2>
			</div><!-- Title end-->

			<!-- ===========================
			SOCIAL & CONTACT
			============================ -->
			<div class="row">
				<div class="col-sm-4">
					<ul class="list-unstyled">
						<li><a href=""><span class="social fa fa-home"></span>HangZhouNormalUniversity</a>
						</li>
						<li><a href=""><span class="social fa fa-skype"></span>19957822138</a>
						</li>
						<li><a href="mailto:support@website.com"><span class="social fa fa-envelope-o"></span>fanjixiang729@gmail.com</a>
						</li>
					</ul>
				</div><!-- social 1st col end-->

				<div class="col-sm-4">
					<ul class="list-unstyled">
						<li><a href="fakehtml/fake facebook.html"><span class="social fa fa-facebook"></span>Facebook</a>
						</li>
						<li><a href="fakehtml/fake twitter.html"><span class="social fa fa-twitter"></span>Twitter</a>
						</li>
						<li><a href="https://www.linkedin.com/in/吉祥-范-770a52192"><span class="social fa fa-linkedin"></span>Linkedin</a>
						</li>
					</ul>
				</div><!-- social 2nd col end-->


			</div><!-- header social end-->
		</div><!-- header right end-->
	</div><!-- header end-->

	<hr class="firsthr">

	<!-- ===========================
	BODY LEFT PART
	============================ -->
	<div class="col-md-8 mainleft">
		<div id="statement" class="row mobmid">
			<div class="col-sm-1">
				<span class="secicon fa fa-user"></span>
			</div><!--icon end-->
			<!-- self introduction start-->
			<div class="col-sm-11">
				<h3>Personal statement </h3>
				<p></p>

				<p></p>

				<p class="signature">jixiangfan</p>
			</div>
			<!-- self introduction end-->
		</div><!--personal statement end-->

		<hr>

		<div id="education" class="row mobmid">
			<div class="col-sm-1">
				<span class="secicon fa fa-graduation-cap"></span>
			</div><!--icon end-->

			<div class="col-sm-11">
				<h3>Education</h3>

				<div class="row">
					<div class="col-md-9">
						<h4>Data Science &amp; Big Data Technology</h4>
						<p class="sub"><a href="https://lxy.hznu.edu.cn/"> School of science,HangZhou Normal University</a>
						</p>
						<p></p>
					</div>

					<div class="year col-md-3">
						<p>2018-2022</p>
					</div>
				</div><!--Education & Certification 1 end-->
				
			</div>
		</div>
			<hr>

		<!-- ===========================
		 EXPERIENCES
		============================ -->
		<div id="job" class="row mobmid">
			<div class="col-sm-1">
				<span class="secicon fa fa-briefcase"></span>
			</div><!--icon end-->

			<div class="col-sm-11">
				<h3>Experiences</h3>

				<div class="row">
					<div class="col-md-9">
						<h4>Service Outsourcing Competition</h4>
						<p class="sub"><a href="">assistant</a>
						</p>
						<p>Assisted the product manager and technical manager to conduct research on the relevant software of "zombie enterprise portrait and analysis", and then proposed the suggestion of "using the results of various models to analyze zombie enterprises"</p>
						<p>Assisted the document engineer to complete the 10,350-word product document, and completed most of the structure diagram in the document with XMind</p>
						<p>Try to use Teambition to manage the entire product</p>
					</div>

					<div class="year col-md-3">
						<p>2018 - 2019</p>
					</div>
				</div><!--Job 1 end-->
				
				<hr>
				
				<div class="row">
					<div class="col-md-9">
						<h4>Undergraduate Innovation Ability Improvement Project of Hangzhou Normal University</h4>
						<p class="sub"><a href="">technicist</a>
						</p>
						<p>Analyze the architecture of the website by using Xmind</p>
						<p>Responsible for building online encryption website, have a certain understanding of domestic SM series encryption methods and HTML language</p>
					</div>

					<div class="year col-md-3">
						<p>2018-2019</p>
					</div>
				</div><!--Job 2 end-->
				

			</div><!--experiences end-->
		</div><!--Job experiences end-->
	</div><!--left end-->
	
	<!-- ===========================
	SIDEBAR
	=========================== -->
	<div class="col-md-4 mainright">
		<div class="row">
			<div class="col-sm-1 col-md-2 mobmid">
				<span class="secicon fa fa-magic"></span>
			</div><!--icon end-->

			<div class="col-sm-11 col-md-10">
				<h3 class="mobmid">Technical skills </h3>

				<p>Python</p>
				<div class="progress">
					<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%">
						<span class="sr-only">85% Complete (success)</span>
					</div>
				</div><!--skill end-->


				<p>Scrapy</p>
				<div class="progress">
					<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%">
						<span class="sr-only">65% Complete</span>
					</div>
				</div><!--skill end-->

				<p>InDesign</p>
				<div class="progress">
					<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
						<span class="sr-only">60% Complete (warning)</span>
					</div>
				</div><!--skill end-->

				<p>Flash</p>
				<div class="progress">
					<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
						<span class="sr-only">30% Complete (danger)</span>
					</div>
				</div><!--skill end-->
			</div><!--info end-->
		</div><!--tech skills end-->
		
		<hr>
		<!--
		<div class="row mobmid">
			<div class="col-sm-1 col-md-2">
				<span class="secicon fa fa-trophy"></span>
			</div>
			<div class="col-sm-11 col-md-10 ">
				<h3>Awards</h3>

				<div class="award">
					<h4>Best Designer 2012</h4>
					<p class="sub"><a href="">Life View Media Ltd.</a></p>
					<p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration.</p>
				</div>
				

				<div class="award">
					<h4>Best Designer 2011</h4>
					<p class="sub"><a href="">Alexa Design Solution</a></p>
					<p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration, Information Design, Packaging Design and Website Design</p>
				</div>
			</div>
		
		</div>
		//-->
		<hr>
<!--
		<div class="row ">
			<div class="col-sm-1 col-md-2 mobmid">
				<span class="secicon fa fa-quote-left"></span>
			</div>

			<div class="col-sm-11 col-md-10 testimonials">
				<h3 class="mobmid">Testimonials </h3>

				<div class="row">
					<blockquote>
						<p>Sit amet, consectetur adipisicing elit. Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, amet officia unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
					</blockquote>
					<img src="img/mushfiq.jpg" alt="">
					<h4>Mushfiqul Islam</h4>
					<p>The UX Votch</p>
				</div>

				<div class="row">
					<blockquote>
						<p>Consectetur adipisicing elit. Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
					</blockquote>
					<img src="img/siblu.jpg" alt="">
					<h4>E.A. Siblu</h4>
					<p>The Jatir Vobisshot</p>
				</div>
				<div class="row">
					<blockquote>
						<p>Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, amet officia unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
					</blockquote>
					<img src="img/nasir.jpg" alt="">
					<h4>Nasir Uddin</h4>
					<p>The Cute Huzur</p>
				</div>
			</div>
		</div>
		
	</div>
	
</div><!--container end-->
//-->
<!-- ===========================
FOOTER

<footer class="text-center">
	<p>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
</footer>
=========================== -->
<!--necessary scripts and plugins-->
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/evenfly.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"/>
<script src="https://cdn.jsdelivr.net/gh/MrPolarBear0729/live2d-widget@latest/autoload.js"></script>
</body>

</html>